{% block sidebar %}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/sidebarContent.css" />
    <h2>Welcome <span>{{user.username}}</span></h2>
    {% if currentGame %}
	    <form method="GET" id="changePaceForm" url="{% url travel_game.views.changePace %}">
	    {{ paceForm.as_p }}
	    </form>
	    <form method="GET" id="changeRationsForm" url="{% url travel_game.views.changeRations %}">
	       {{ rationsForm.as_p }}
	    </form>
	    <div>
		    <span>Distance: </span>
		    <span id="distanceFromStartInt">{{ currentGame.party_set.all.0.distanceFromStart }}</span>
	    </div>
	    <div id="currentUserItems">
	       <table id='userItemTable'>
                 <tr> 
                     <th>Items</th> 
                     <th>Quantity</th> 
                     <!-- TODO Put total Weight -->
                 </tr>
                {% for item in currentGame.party_set.all.0.item_set.all %}
                    <tr class="itemRow" title="{{item.itemType.description}}">
                        <td class="name">{{item.itemType.name}}</td>
                        <td class="quantity">{{item.quantity}}</td>
                        <!-- TODO make this have info <td class="weightTotal"></td> -->
                    </tr>
                {% endfor %}             
            </table> 
	    </div>
	{% endif  %}     
	
	<div id="sidebarButtons">
	<a href='{% url travel_game.views.logout %}' class="button">Logout</a>
	<a href='{% url travel_game.views.currentGames %}' class="button">CurrentGames</a>
    </div>
{% endblock sidebar %}
